<template>
	<div class="thePage flex-column">
		<div class="pg-title60">企业资讯</div>
		<div class="list overflow-y">
			<div class="item-box flex-column" v-for="(item, i) in listData" :key="i">
				<div class="title-1">{{ item.title }}</div>
				<div class="content-read-3" @click="onEdit()">{{ item.content }}</div>
				<div class="attachment">
					<i class="iconfont icon-fujian" />
					<span>{{ item.attachment }}</span>
				</div>
				<div class="b-line-half mt10"></div>
				<div class="flex-between">
					<div class="publisher">发布人：{{ item.publisher }}</div>
					<div class="dtUpdate">{{ item.dtUpdate }}</div>
				</div>
			</div>
			<div class="flex-end"><div class="btn-add" @click="onAdd()">+</div></div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'ConsultList',
	data() {
		return {
			listData: [
				{
					title: '7.17日事宜',
					content:
						'今日13：20办公室内容会议简要。2020年七月十七日上午，在主办公室召开关于顶岗实习项目的讨论及研发方向。此次会议由梁高管召开，与设计人员，前端研发人员进行了讨论，并确定了方向...',
					attachment: '专升本课程安排表.rar',
					publisher: '宁波创艺信息科技有限公司',
					dtUpdate: '2020-7-31 15:40'
				},
				{
					title: '7.17日事宜',
					content: '今日13：20办公室内容会议简要。.',
					attachment: '专升本课程安排表.rar',
					publisher: '宁波创艺信息科技有限公司',
					dtUpdate: '2020-7-31 15:40'
				},
				{
					title: '7.17日事宜',
					content:
						'今日13：20办公室内容会议简要。2020年七月十七日上午，在主办公室召开关于顶岗实习项目的讨论及研发方向。此次会议由梁高管召开，与设计人员，前端研发人员进行了讨论，并确定了方向...',
					attachment: '专升本课程安排表.rar',
					publisher: '宁波创艺信息科技有限公司',
					dtUpdate: '2020-7-31 15:40'
				},
				{
					title: '7.17日事宜',
					content: '今日13：20办公室内容会议简要。.',
					attachment: '专升本课程安排表.rar',
					publisher: '宁波创艺信息科技有限公司',
					dtUpdate: '2020-7-31 15:40'
				},
				{
					title: '7.17日事宜',
					content:
						'今日13：20办公室内容会议简要。2020年七月十七日上午，在主办公室召开关于顶岗实习项目的讨论及研发方向。此次会议由梁高管召开，与设计人员，前端研发人员进行了讨论，并确定了方向...',
					attachment: '专升本课程安排表.rar',
					publisher: '宁波创艺信息科技有限公司',
					dtUpdate: '2020-7-31 15:40'
				}
			],
			visiblePopup: false //提交确认弹窗显示
		};
	},

	methods: {
		onAdd() {
			this.$router.push({ name: 'consultEdit' });
		},
		onEdit(item) {
			this.$router.push({ name: 'consultEdit' });
		}
	}
};
</script>

<style lang="less" scoped>
// less多行文本溢出函数，溢出...
.overflow(@line) when (isnumber(@line)) {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: @line;
	overflow: hidden;
}

.item-box {
	.title-1 {
		padding: 10px 0;
		font-size: 15px;
		font-weight: bold;
		color: #000000;
		line-height: 14px;
		.overflow(1);
	}
	.content-read-3 {
		font-size: 10px;
		font-weight: 400;
		color: #3a3a3a;
		line-height: 18px;
		.overflow(3);
	}
	.attachment {
		font-size: 10px;
		font-weight: 400;
		text-decoration: underline;
		color: #fe921e;
	}
	.publisher,
	.dtUpdate {
		padding: 10px 0 0 0;
		font-size: 10px;
		font-weight: 300;
		color: #626262;
	}
}
</style>
